<!DOCTYPE html>
<style type="text/css">
h1 { background-color: blue }
</style>
</head>
<script>
var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
link.setAttribute('href', 'resources/slow-loading-sheet.php?color=red');
document.head.appendChild(link);
</script>
<h1 id='title'>Dynamically inserted StyleSheet shouldn't block loading.</h1>
<script>
var style = window.getComputedStyle(document.getElementById('title'), '');
document.write(style['background-color']);

if (window.testRunner) {
    testRunner.dumpAsText();
}
</script>
